<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
	  <meta http-equiv="cache-control" content="no-cache">
	  <meta http-equiv="expires" content="0">    
	  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	  <meta http-equiv="description" content="This is my page">
   
    <script src="/js/vue.min.js"></script>
    <script src="/js/httpVueLoader.js"></script><!-- 引入 http-vue-loader -->   
    <script type="text/javascript" src="/js/axios.min.js"></script>

    <link href="/css/front.css" rel="stylesheet">
    
</head>

<body>
<div id="app">
<my-header></my-header> 


<article> 
  <!--左侧-->
  <div class="lbox"> 
    
    
    <!-- 444 -->
    <div class="zhuanti whitebg"  style="margin-top: 12px;">
      <!-- <h2 class="htitle"><span class="hnav"></span>新闻动态</h2> -->
      <div>
          <div style="padding: 13px;">信息标题：{{xinwen.biaoti}}</div>
	      <div style="padding: 13px;" align="left"><img :src="xinwen.fujian" alt="" width="720" height="300" style="border:1px solid  #CCCCCC;"/></div>
		  <div style="padding: 13px;line-height: 200%">信息内容：<div v-html="xinwen.neirong"></div></div>
		  <div style="padding: 13px;">发布时间：{{xinwen.shijian}}</div>
      </div>
    </div>
    <!-- 444 -->
    
    
    
    
    
    
    
    
    
    <!-- <div class="ad whitebg"> <img src="./images/longad.jpg"> </div> -->
  </div>
  <!--左侧-->
  
  
  
  
  
  
  
  
  <!--右侧-->
  <div class="rbox">
      <my-right></my-right>
  </div>
  <!--右侧-->
  
  
</article>



<my-foot></my-foot>



    
</div>


<script>

    function getUrlParam(name) 
    {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
        var r = window.location.search.substr(1).match(reg);  //匹配目标参数
        if (r != null) return unescape(r[2]); return null; //返回参数值
    }

    new Vue({
        el: '#app',
        data: 
		{
			xinwen:{

            }
		},
        
        methods: 
		{
			getData()
			{
                axios({
						method: 'POST',
						url: '/xinwenDetailQian',
						params:{
							id:getUrlParam('id'),
						}
						}).then(data => {
							if (data.data.state == 66)
							{
								this.xinwen=data.data.data;
							} 
						    
						}).catch(error => {
							alert(error);
			    })
            },

      },
        
     created()
     {
        this.getData();
     },

       
     
     components: {
            'my-header': httpVueLoader('/components/my-header.vue'),
            'my-foot': httpVueLoader('/components/my-foot.vue'),
            'my-right': httpVueLoader('/components/my-right.vue'),
        }
    })
</script>
</body>

</html>